<template>
  <div class="aaaaaa">
    <div class="aaaa">
      <InputVue :suggestList="suggestList"></InputVue>
    </div>
    <el-button @click="ceshi">测试</el-button>
  </div>
</template>

<script>
import InputVue from "./diyInputComponents/form/index.vue";
import Mark from "mark.js";
export default {
  components: {
    InputVue,
  },
  data() {
    return {
      suggestList: [],
      timeOut: null,
      mark: null,
    };
  },
  methods: {
    ceshi() {
      console.log("ceshi");
      this.suggestList = [
        {
          title:
            "绕组励磁型转子的制造方法、绕组励磁型转子的制造装置、绕组励磁型转子及绕组励磁型旋转电机",
          similarTechnicalPoints:
            "将燃料组成和向燃烧器的燃料流量设为未知数,设定多个向燃烧器的空气流量的条件;基于由第一特性方程式及第二特性方程式中的至少一方以及组成方程式构成的联立方程式,来估计构成混合气体的成分的组成比,其中,该第一特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体中的氧浓度之间的关系的方程式,该第二特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体的温度之间的关系的方程式,该组成方程式是表示混合气体的多种成分的组成比的合计的方程式;以及基于估计结果,来调整向燃料电池供给的燃料的流量",
          orderNum: 1,
        },
        // {
        //   title:
        //     "绕组励磁型转子的制造方法、绕组励磁型转子的制造装置、绕组励磁型转子及绕组励磁型旋转电机",
        //   similarTechnicalPoints:
        //     "一种燃料电池系统控制方法,是控制燃料电池系统的控制方法,该燃料电池系统具备:以由多种成分构成的混合气体为燃料的燃料电池;燃料供给机构,其具备燃料罐,并且向燃料电池供给混合气体;以及燃烧器,其在启动时生成用于加热向燃料电池供给的空气的燃烧气体,其中,该燃料电池系统控制方法包括以下步骤:将燃料组成和向燃烧器的燃料流量设为未知数,设定多个向燃烧器的空气流量的条件;基于由第一特性方程式及第二特性方程式中的至少一方以及组成方程式构成的联立方程式,来估计构成混合气体的成分的组成比,其中,该第一特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体中的氧浓度之间的关系的方程式,该第二特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体的温度之间的关系的方程式,该组成方程式是表示混合气体的多种成分的组成比的合计的方程式;以及基于估计结果,来调整向燃料电池供给的燃料的流量",
        //   orderNum: 1,
        // },
        // {
        //   title:
        //     "绕组励磁型转子的制造方法、绕组励磁型转子的制造装置、绕组励磁型转子及绕组励磁型旋转电机",
        //   similarTechnicalPoints:
        //     "将燃料组成和向燃烧器的燃料流量设为未知数，设定多个向燃烧器的空气流量的条件；基于由第一特性方程式及第二特性方程式中的至少一方以及组成方程式构成的联立方程式，来估计构成混合气体的成分的组成比，基于估计结果，来调整向燃料电池供给的燃料的流量。",
        //   orderNum: 2,
        // },
        // {
        //   title:
        //     "绕组励磁型转子的制造方法、绕组励磁型转子的制造装置、绕组励磁型转子及绕组励磁型旋转电机",
        //   similarTechnicalPoints:
        //     "一种燃料电池系统控制方法,是控制燃料电池系统的控制方法,该燃料电池系统具备:以由多种成分构成的混合气体为燃料的燃料电池;燃料供给机构,其具备燃料罐,并且向燃料电池供给混合气体;以及燃烧器,其在启动时生成用于加热向燃料电池供给的空气的燃烧气体,其中,该燃料电池系统控制方法包括以下步骤:将燃料组成和向燃烧器的燃料流量设为未知数,设定多个向燃烧器的空气流量的条件;基于由第一特性方程式及第二特性方程式中的至少一方以及组成方程式构成的联立方程式,来估计构成混合气体的成分的组成比,其中,该第一特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体中的氧浓度之间的关系的方程式,该第二特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体的温度之间的关系的方程式,该组成方程式是表示混合气体的多种成分的组成比的合计的方程式;以及基于估计结果,来调整向燃料电池供给的燃料的流量",
        //   orderNum: 3,
        // },
        // {
        //   title:
        //     "绕组励磁型转子的制造方法、绕组励磁型转子的制造装置、绕组励磁型转子及绕组励磁型旋转电机",
        //   similarTechnicalPoints:
        //     "将燃料组成和向燃烧器的燃料流量设为未知数，设定多个向燃烧器的空气流量的条件；基于由第一特性方程式及第二特性方程式中的至少一方以及组成方程式构成的联立方程式，来估计构成混合气体的成分的组成比，其中，该第一特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体中的氧浓度之间的关系的方程式，该第二特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体的温度之间的关系的方程式，该组成方程式是表示混合气体的多种成分的组成比的合计的方程式；以及基于估计结果，来调整向燃料电池供给的燃料的流量。",
        //   orderNum: 4,
        // },
        // {
        //   title:
        //     "绕组励磁型转子的制造方法、绕组励磁型转子的制造装置、绕组励磁型转子及绕组励磁型旋转电机",
        //   similarTechnicalPoints:
        //     "将燃料组成和向燃烧器的燃料流量设为未知数，设定多个向燃烧器的空气流量的条件；基于由第一特性方程式及第二特性方程式中的至少一方以及组成方程式构成的联立方程式，来估计构成混合气体的成分的组成比，其中，该第一特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体中的氧浓度之间的关系的方程式，该第二特性方程式是基于向燃烧器供给的空气量与从燃烧器排出的排气气体的温度之间的关系的方程式，该组成方程式是表示混合气体的多种成分的组成比的合计的方程式；以及基于估计结果，来调整向燃料电池供给的燃料的流量。",
        //   orderNum: 5,
        // },
      ];

      // let index = 0;
      // this.timeOut = setInterval(() => {
      //   index++;
      //   if (index == 6) {
      //     this.timeOut && clearInterval(this.timeOut);
      //     return;
      //   }
      //   this.suggestList.push({
      //     title: "121122112",
      //     orderNum: index,
      //     similarTechnicalPoints:
      //       index < 3
      //         ? "本发明提供用于飞机强度测试的飞机毁伤试验模拟系统及方法，属于飞机测试技术领域。包括试验安装主体、供气组件、外来物加速组件、综合控制组件，所述试验安装主体内放置有飞机测试主体，外来物加速组件包括与试验安装主体相对分布且向飞机测试主体发射接触式外来物的固体加速气炮机、发射非接触式外来物的激光照射器；本发明通过供气组件为飞机测试主体提供气流场"
      //         : "固体加速气炮机对飞机测试主体进行接触式外来物毁伤模拟，通过激光照射器进行非接触式外来物毁伤模拟，通过上述部件的相互配合，提高了试验与真实运行环境之间的一致性，弥补了国内在飞机结构",
      //   });
      // }, 0);
    },
    ceshi1() {
      let dom = this.$el.querySelector(".ceshi");
      this.Mark = new Mark(dom);
      let options = {
        element: "textNum",
        acrossElements: true,
        each: (ele) => {
          console.log(ele);
          return;
          currentText += ele.innerText;
          //如果 标记的文本中 有隔开的dom元素,那有可能会被标记多个 , 会有多个序号标记点 , 为了处理这种情况 书写以下代码
          // console.log(currentText, "currentText");
          if (text == currentText) {
            let uuid = uuidv4();
            ele.setAttribute("uuid", uuid);
            obj.uuidList.push({
              text,
              uuid,
            });
            currentText = "";
          }
        },
        done: (counter) => {},
        noMatch: function (term) {
          console.log(term);
          // term is the not found term
        },
      };
      let text = "稍等 哈 山东科技";
      var regex = new RegExp(text, "g");
      console.log(regex);
      // console.log(text, "text");
      this.Mark.markRegExp(regex, options);
      // this.Mark.mark(text, options);
    },
  },
};
</script>
<style scoped lang="less">
.aaaaaa {
  width: 100%;
  height: 100%;
  display: -webkit-inline-flex;
}
.aaaa {
  width: 600px;
  height: 100%;
  background-color: #fff;
}
/deep/ textNum {
  background-color: red;
}
</style>
